<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS强制继承(Cascading style sheets force inheritance)</title>
  <!-- 
    CSS的层叠样式表（Cascading Style Sheets）中的强制继承（force inheritance）指的是通过使用  inherit  关键字来强制子元素继承特定样式属性。以下是一些示例说明： 
 
      1. 强制继承字体样式：可以使用  font-family: inherit;  让子元素继承父元素的字体类型。 
      2. 强制继承文本颜色：可以使用  color: inherit;  让子元素继承父元素的文本颜色。 
      3. 强制继承边框样式：可以使用  border: inherit;  让子元素继承父元素的边框样式。 
      4. 强制继承背景颜色：可以使用  background-color: inherit;  让子元素继承父元素的背景颜色。
   -->
   <style>
      .force-inheritance {
        color: saddlebrown;
        font-family: Arial, sans-serif;
        border: 1px solid black;
        background-color: bisque
      }

      .force-inheritance p {
        /* 不常用 */
        border: inherit;
      }
   </style>
</head>
<body>

  <div class="force-inheritance">
    <p>这是一个示例文本，将继承父元素的字体样式。</p>
    <h2>
      CSS的层叠样式表（Cascading Style Sheets）中的强制继承（force inheritance）指的是通过使用  inherit  关键字来强制子元素继承特定样式属性。
    </h2>
  </div>
  
</body>
</html>